<%-- 
    Document   : reporteEstadoPedidos
    Created on : 3/07/2013, 03:11:17 PM
    Author     : Ahmed
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <%@ include file="../jspf/header.jspf" %>
        <script src = "resources/js/SistemaWeb/permisos.js"></script>
        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script src = "resources/js/SistemaWeb/Reportes/Main.js"></script>
        <script src = "resources/js/SistemaWeb/Reportes/reporteEstadoPedidos.js"></script>
        <script type="text/javascript" src = "resources/js/Home/validaciones.js"></script>
        <title>Reporte Estado de Pedidos</title>
    </head>
    <body>
       <%@ include file="../jspf/body.jspf" %> 
       <div class="container-fluid">
         <h2 class="control-label" style="font-style: normal" >Reporte de estados de pedidos</h2>        
         <div  id = "cargando" class="progress progress-striped active" style="display:none;">
  			<div class="bar" style="width: 98%;"></div>
        </div>        
        <div class="controls-row"> 
            <div class="control-group" style="display: inline-block; vertical-align: top">
                <label class="control-label">Fecha Inicio</label>
                <div class="controls">
                   <input type="text" id="fechaInicioZona"/> 
                   <label id="RegLblErrorFechaIni" class="erroresClase" style="color: Red"></label>
                </div>
            </div>
            <div class="control-group" style="display: inline-block; vertical-align: top">
                <label class="control-label">Fecha Fin</label>
                <div class="controls">
                   <input type="text" id="fechaFinZona"/> 
                   <label id="RegLblErrorFechaFin" class="erroresClase" style="color: Red"></label>                   
                </div>
            </div>
            <div class="control-group" style="display: inline-block; vertical-align: top">
                <label class="control-label">Tipo</label>
                <div class="controls">
                    <select id="estado">
                        <option value="-1"></option>
                        <option value="1">En proceso</option>
                        <option value="2">Entregado</option>                        
                    </select>
                </div>
            </div>
            <div class="control-group" style="display: inline-block; vertical-align: top">
                <label class="control-label" style="color: #f0f0f0">*</label>
                <div class="controls">
                    <button id = "btConsultar" class="btn btn-primary">Generar Reporte</button>
                </div>
            </div>
            <label id="RegLblErrorFechaNoIgual" class="erroresClase" style="color: Red"></label> 
        </div>
       <div id="alerta" class="alert alert-info fade in">
            <button type="button" class="close" data-dismiss="alert">*</button>
            <h4 class="alert-heading">No existe ningún sobrecosto por pedidos retrasados en este rango de fechas</h4>
       </div>
        <div id="alertaTabla" class="alert alert-info fade in">
                    <button type="button" class="close" data-dismiss="alert">*</button>
                    <h4 class="alert-heading">No existe ningún pedido en este rango de fechas</h4>
         </div>
        <div class="container-fluid">
            <div class="row-fluid center-table">
                <div id="visualization"></div>
                <hr>
                
                <div id="chart_div"></div>
                <hr>
                <div id="table_div" class="span7 center-table"></div>
            </div>
        </div>
         
         </div>
    </body>
</html>
